<template>
  <br />
  <z-space>
    <z-button @click="() => openNotificationWithIcon('success')">Success</z-button>
    <z-button @click="() => openNotificationWithIcon('info')">Info</z-button>
    <z-button @click="() => openNotificationWithIcon('warning')">Warning</z-button>
    <z-button @click="() => openNotificationWithIcon('error')">Error</z-button>
  </z-space>
</template>

<script>
import { notification } from '../../../../lib/index.js'
import { defineComponent } from 'vue'

export default defineComponent({
  setup() {
    const openNotificationWithIcon = type => {
      notification[type]({
        message: 'Notification Title',
        description: 'This is the content of the notification. This is the content of the notification. This is the content of the notification.'
      })
    }
    return {
      openNotificationWithIcon,
    }
  }
})
</script>
